<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>携程</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>

  <body>
    <div class="main">
      <!-- 分类 -->
      <section class="cate">
        <!-- 酒店 -->
        <div class="hotel">
          <!-- 左边的大菜单 -->
          <a href="#" class="main_menu">
            <span>酒店</span>
            <span></span>
          </a>
          <!-- 右边的四个小菜单 -->
          <div class="sub_menu">
            <a href="javascript:;">海外酒店</a>
            <a href="javascript:;">团购</a>
            <a href="javascript:;">特价酒店</a>
            <a href="javascript:;">民宿·客栈</a>
          </div>
        </div>
        <!-- 票 -->
        <div class="tircket">
          <!-- 左边的大菜单 -->
          <a href="#" class="main_menu">
            <span>机票</span>
            <span></span>
          </a>
          <!-- 右边的四个小菜单 -->
          <div class="sub_menu">
            <a href="javascript:;">火车票</a>
            <a href="javascript:;">汽车票·船票</a>
            <a href="javascript:;">特价机票</a>
            <a href="javascript:;">专车·租车</a>
          </div>
        </div>
        <!-- 旅游 -->
        <div class="travel">
          <!-- 左边的大菜单 -->
          <a href="#" class="main_menu">
            <span>旅游</span>
            <span></span>
          </a>
          <!-- 右边的四个小菜单 -->
          <div class="sub_menu">
            <a href="javascript:;">门票</a>
            <a href="javascript:;">邮轮旅行</a>
            <a href="javascript:;">目的地攻略</a>
            <a href="javascript:;">定制旅行</a>
          </div>
        </div>
      </section>
      <!-- 导航 -->
      <section class="xc_nav">
        <a><span class="subnav-icon-wifi"></span> <span>WiFi电话卡</span></a>
        <a><span class="subnav-icon-insurance"></span> <span>保险·签证</span></a >
        <a><span class="subnav-icon-currency"></span> <span>外币兑换</span></a>
        <a><span class="subnav-icon-shopping"></span> <span>购物</span></a>
        <a><span class="subnav-icon-guide"></span> <span>当地向导</span></a>
        <a><span class="subnav-icon-travel"></span> <span>自由行</span></a>
        <a><span class="subnav-icon-play"></span> <span>境外玩乐</span></a>
        <a><span class="subnav-icon-card"></span> <span>礼品卡</span></a>
        <a><span class="subnav-icon-creditCard"></span> <span>信用卡</span></a>
        <a><span class="subnav-icon-more"></span> <span>更多</span></a>
      </section>
      <!-- 特卖汇 -->
      <section class="hot_sell">
        <!-- 头部 -->
        <div class="hs_title">
          <span>特卖汇</span>
          <a href="javascript:;">领红包再下单 > </a>
        </div>
        <!-- 内容 -->
        <div class="hs_content">
          <a href="#" class="main_sell">
            <img src="./images/hot_sell_1.png" alt="" />
            <div class="sell_info">
              呼和浩特+希拉穆仁草原+响沙湾4日跟团游·携程自营·【春季预售·特卖双飞】2晚五星锦江+主题蒙古包
              东航直飞 特色美食 踏草迎春
            </div>
            <div class="price">
              <span class="price_start">￥999起</span>
              <span class="price_cheaper">省￥800</span>
            </div>
          </a>
          <div class="sub_sell">
            <a href="javascript:;">
              <dl>
                <dt>千款特价</dt>
                <dd>走过路过不错过</dd>
              </dl>
              <img src="./images/pic-tmh-02.png" alt="" />
            </a>
            <a href="javascript:;">
              <dl>
                <dt>境外精选</dt>
                <dd>百元出境游</dd>
              </dl>
              <img src="./images/pic-tmh-04.png" alt="" />
            </a>
            <a href="javascript:;">
              <dl>
                <dt>周边玩乐</dt>
                <dd>十元度周末</dd>
              </dl>
              <img src="./images/pic-tmh-03.png" alt="" />
            </a>
          </div>
        </div>
      </section>
      <!-- 活动 -->
      <section class="activity">
        <!-- 头部 -->
        <div class="activity_title">
          <span>热门活动</span>
          <a href="javascript:;">获取更多福利></a>
        </div>
        <!-- 内容 -->
        <div class="activity_content">
          <a href="#">
            <img src="./images/hot_activity (4).jpg" alt="" />
          </a>
          <a href="#">
            <img src="./images/hot_activity (3).jpg" alt="" />
          </a>
          <a href="#">
            <img src="./images/hot_activity (1).jpg" alt="" />
          </a>
          <a href="#">
            <img src="./images/hot_activity (2).jpg" alt="" />
          </a>
          <a href="#">
            <img src="./images/hot_activity (5).jpg" alt="" />
          </a>
          <a href="#">
            <img src="./images/hot_activity (6).jpg" alt="" />
          </a>
        </div>
      </section>
      <!-- 尾部 -->
      <section class="xc_footer">
        <div class="download">
          <a href="javascript:;">
            <span>☎</span>
            <p>电话预定</p>
          </a>
          <a href="javascript:;">
            <span>☎</span>
            <p>电话预定</p>
          </a>
          <a href="javascript:;">
            <span>☎</span>
            <p>电话预定</p>
          </a>
        </div>
        <div class="copyright">
          <div>
            <a href="javascript:;">网站地图 </a> |
            <a href="javascript:;">语音</a> |
            <a href="javascript:;">电脑版</a>
          </div>
          <div>
            ©2018携程旅行｜沪ICP备08023580号
          </div>
        </div>
      </section>
    </div>
  </body>
</html>
